<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">

/*		查找类名box  下的  子代  p  标签*/
/*		子代选择器*/


			/*.box>div>p{
				border: 1px solid #000;
			}*/

			/*.box>p{
				border: 1px solid #000;*/
/*				查找  类名box  的后代  p  标签*/
/*			}*/


			/*子代选择器
			div>p 选择所有父级是div的  p  标签


			后代选择器 
			div p 选择所有div 标签内的  p  标签*/
			div p{
				border: 1pc solid red;
			}


	</style>
</head>
<body>


<div class="box">

	<p>降龙十八掌</p>
	</div>
	<div class="two">
		<p>瑞华宝典</p>
	</div>



<p>九阴白骨爪</p>



</body>
</html>